<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3>excel数据行列转置功能</h3>
<form id="upload-form" action="" method="post" enctype="multipart/form-data" >
    <p>步骤一 上传文件</p>
    <input type="file" id="upload" name="upload" />
    <p>步骤二 设定需要转置的行/列数</p>
    <input type="radio" name="row_col" value="row" /> 将n行转为1列
    <input type="radio" name="row_col" value="col" /> 将n列转为1行
    <p> </p>
    <input type="text" name="row" id="row" placeholder="请输入要转置的行数" />
    <input type="text" name="col" id="col" placeholder="请输入要转置的列数" />
    <p> </p>
    <input type="submit" value="处理" />
</form>
</body>
<script>
    let AC_Arr = document.getElementsByName('row_col');
    let row_col;
    for(let i = 0;i<AC_Arr.length;i++){
        (function (index){
            AC_Arr[index].onclick = function (){
                if(AC_Arr[index].checked){
                    row_col = AC_Arr[index].value
                }
            }
        })(i)
    }
    if (row_col === 'row'){
       /*
       id为row的文本框显示
       id为col的文本框隐藏
       */
    }else {
        /*
        id为col的文本框显示
        id为row的文本框隐藏
        */
    }
</script>

</html>